<template>
	<div class="manage_page fillcontain">
        <el-container>

            <el-header :height="80">
                <div class="header clearfix">
                    <div class="box_header" style="float: right;margin-right: 10px;color:#fff;height: 80px;line-height: 80px">
                        <span class="goback_w" v-on:click="goback_b">
					       返回首页
				        </span>
                        <span>林浩,&nbsp;&nbsp; 你好</span>
                        <img src="../assets/img/user3.png" alt="" style="display: inline;width:40px;vertical-align: middle;border-radius: 50%;">

                    </div>

                    <p style="font-size: 30px;height: 80px;line-height: 80px;float: left;margin-left: 20px;">
                        白云区政务大数据平台
                    </p>
                </div>
            </el-header>
            <el-row style="height: 80%;">
            <el-col :span="3"  style="min-height:100%; background-color: #324057;overflow-y: scroll;" :style="{ height:height +'px' }">
                <el-menu :default-active="defaultActive" style="min-height: 100%;overflow-x: hidden;" theme="dark" default-active="gongshang" >
                    <!--<el-menu-item index="manage"><i class="el-icon-menu" > </i>首页</el-menu-item>-->
                    <el-menu-item index="2" v-show="detail_show" v-on:click="goto('manage')">
                        <!--<i class="el-icon-setting"></i>-->
                        <span slot="title">企业档案</span>
                    </el-menu-item>
                    <!--<el-menu-item index="gongshang" v-on:click="goto('detail_manage')">工商管理</el-menu-item>-->
                    <!--<el-menu-item index="shopList" v-on:click="goto('renwu')">人物图谱</el-menu-item>-->
                    <!--<el-menu-item index="foodList" v-on:click="goto('guquanjieg')">股权结构图谱</el-menu-item>-->
                    <!--<el-menu-item index="orderList" v-on:click="goto('qiye')">企业关联图谱</el-menu-item>-->
                    <!--<el-menu-item index="adminList" v-on:click="goto('gudongm')">股东信息</el-menu-item>-->
                    <!--<el-menu-item index="adminList" v-on:click="goto('duiwai_fenx')">对外投资统计分析</el-menu-item>-->
                    <!--<el-menu-item index="adminList"  v-on:click="goto('dwtzm')">对外投资</el-menu-item>-->
                    <!--<el-menu-item index="adminList"  v-on:click="goto('people')">主要人员</el-menu-item>-->
                    <!--<el-menu-item index="adminList"  v-on:click="goto('fenzi')">分支机构</el-menu-item>-->
                    <!--<el-menu-item index="adminList"  v-on:click="goto('change_log')">变更记录</el-menu-item>-->
                    <el-submenu index="1" v-show="detail_show">
                        <template slot="title">企业档案详情</template>
                        <el-menu-item index="gongshang" v-on:click="goto('detail_manage')">工商管理</el-menu-item>
                        <el-menu-item index="shopList" v-on:click="goto('renwu')">人物图谱</el-menu-item>
                        <el-menu-item index="foodList" v-on:click="goto('guquanjieg')">股权结构图谱</el-menu-item>
                        <el-menu-item index="orderList" v-on:click="goto('qiye')">企业关联图谱</el-menu-item>
                        <el-menu-item index="adminList" v-on:click="goto('gudongm')">股东信息</el-menu-item>
                        <el-menu-item index="adminList2" v-on:click="goto('duiwai_fenx')">对外投资统计分析</el-menu-item>
                        <el-menu-item index="adminList3"  v-on:click="goto('dwtzm')">对外投资</el-menu-item>
                        <el-menu-item index="adminList4"  v-on:click="goto('people')">主要人员</el-menu-item>
                        <el-menu-item index="adminList5"  v-on:click="goto('fenzi')">分支机构</el-menu-item>
                        <el-menu-item index="adminList6"  v-on:click="goto('change_log')">变更记录</el-menu-item>
                    </el-submenu>

                </el-menu>
            </el-col>
            <el-col :span="21" style="height: 100%;overflow: scroll;" :style="{ height:height +'px' }">
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </el-col>
            </el-row>
        </el-container>
  	</div>
</template>

<script>
    export default {
        data() {
            return {
                detail_show:true,
                height:""
            }
        },
        methods:{
            goback_b:function () {
                this.$router.push('/');
            },
            goto:function (img) {
                this.$router.push("/"+img);//类似get传参，通过URL传递参数
            }
        },
		computed: {
			defaultActive: function(){
				return this.$route.path.replace('/', '');
			}

		},
        created:function () {
            let height = document.body.clientHeight - 80;
            this.height = height;
//            this.$route.push("/yiqi");
        }
    }
</script>

<style lang="less" scoped>
	@import '../style/mixin';
    .el-header{
        padding: 0;
    }
	.manage_page{

	}
    .header{
        width: 100%;
        background-color: #0099ff;
        height: 80px;
        line-height: 80px;
        color: #ffffff;
    }
    .goback_w{
        cursor: pointer;
        margin-right: 20px;
    }
</style>
